﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
  <head>   
	<meta http-equiv="X-UA-Compatible" content="IE=8" />
    <title>login</title>
    <link href="assets/css/bootstrap.css" rel="stylesheet">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
	
    <style>	

    </style>
   
  </head>

  <body>  
  
  <a href="#" class="btn" id="openBtn">Show modal</a> <a href="#" class="btn btn" id="toggleBtn">Toggle modal</a>

<div id="myModal" class="modal hide fade" tabindex="-1" data-backdrop="false" role="dialog">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal">×</button>
			<h3>Modal header</h3>
	</div>
	<div class="modal-body">
		<p>My modal content here…</p>
	</div>
	<div class="modal-footer">
      <button class="btn" data-dismiss="modal">Close</button>
	</div>
</div>
	
	
	
	
	<script>
		$('#openBtn').click(function(){
  	$('#myModal').modal('show');
});

$('#toggleBtn').click(function(){
  	$('#myModal').modal('toggle');
});

$('#myModal').on('hidden', function () {
  document.location.reload();
})
	</script>

	
  </body>
</html>
